import axios from 'axios'
import { message } from 'ant-design-vue'
import { useLoginUserStore } from '@/stores/useLoginUserStore.ts'

// 创建一个 axios 实例
// 实例官网配置:https://axios-http.com/zh/docs/instance
const myAxios = axios.create({
  baseURL: 'http://127.0.0.1:8123',
  timeout: 60000,
  headers: { 'X-Custom-Header': 'foobar' },
  withCredentials: true,
})

// 拦截器官网配置:https://axios-http.com/zh/docs/interceptors
// 添加请求拦截器
myAxios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  },
)

// 添加响应拦截器
myAxios.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。

    const data = response.data
    // code 40100 未登录
    if (data.code === 40100) {
      // 不在登录页面,也不是获取用户信息的请求,则跳转登录页面
      if (
        !response.request.responseURL.includes('user/get/login') &&
        !window.location.pathname.includes('user/login')
      ) {
        message.warning('请先登录')
        window.location.href = `/login?redirect=${window.location.href}`
      }
    }
    if (data.code == 40000) {
      message.error(data.message)
    }
    if (data.code == 50000) {
      message.error(data.message)
    }

    return data
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  },
)

export default myAxios
